<!doctype html>
<html lang="ko">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
	<meta name="viewport" content="width=device-width">
	<title>Hyundai Motor Group</title>
	<link rel="stylesheet" href="../css/style.css">
	<script src="../js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../js/ui.js"></script>
</head>
<body>
<div class="body-wrap no-side">
	<div class="header">
		<div class="logo"><a href="/"><img src="../images/logo.png" alt="HYUNDAI MOTOR GROUP" /></a></div>
	</div>

	<div class="content-body">
		<div class="contents">
			<div class="page-title">
				<h1>공정거래 공시 시스템 Log in</h1>
			</div>

			<div class="page-cont">
				<div class="login-front">
					<h2 class="">
						<img src="../images/login_title.gif" alt="Fair Trade Public Notice System" />
					</h2>
					<form class="login-box">
						<p class="id"><input type="text" title="User ID"></p>
						<p class="pw"><input type="password" title="Password"></p>
						<p class="submit"><button>LOG IN</button></p>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
$('.login-box input').on('focus click', function(){
	$(this).addClass('focus');
});
$('.login-box input').on('blur', function(){
	if(!$(this).val()) {
		$(this).removeClass('focus');
	}
});
</script>
</body>
</html>